import { fileURLToPath, URL } from "node:url";
import { defineConfig } from "vite";
import Vue from "@vitejs/plugin-vue";
import Component from "unplugin-vue-components/vite";
import AutoImport from "unplugin-auto-import/vite";
import UnoCSS from 'unocss/vite'
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    Vue(),
    UnoCSS(),
    Component({
      // dirs 指定组件所在位置，默认为 src/components
      // 可以让我们使用自己定义组件的时候免去 import 的麻烦
      dirs: ["src/components"],
      // 配置需要将哪些后缀类型的文件进行自动按需引入，'vue'为默认值
      extensions: ["vue"],
      // 解析组件，这里以 Element Plus 为例
      // 生成components.d.ts
      dts: true,
      // 遍历子目录
      deep: true
    }),
    AutoImport({
      // 自动导入vue相关的Api
      imports: [
        "vue"
      ],
    })
  ],
  server:{
    host: '0.0.0.0',
    port: 8888,
    open: true
  },
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url))
    }
  }
});
